<section id="about">
    <div class="container-fluid">
        <div class="row is-table-row">
            <div class="col-md-4 about-video p-none center" style="background-image: url('img/demos/event/about/about-video-banner.jpg')">
                <a href="https://vimeo.com/178747566" class="play-video-custom popup-vimeo">
                    <img src="img/demos/event/play-icon.png" class="img-responsive" width="90" height="90" />
                </a>
            </div>
            <div class="col-md-4 background-color-primary p-lg">
                <div class="custom-about-content text-color-light p-xlg">
                    <div class="pt-lg">
                        <div class="about-title mb-xlg pb-lg">
                            <div class="icon">
                                <img src="img/demos/event/about/about-icon.png" class="img-responsive" alt="">
                            </div>
                            <h3 class="text-color-light text-uppercase font-weight-bold mb-sm">About the Event</h3>
                            <p class="text-color-light text-uppercase mb-none">What is Porto Event 2017</p>
                        </div>
                        <p class="custom-text-color-1 font-weight-normal pb-xlg mb-xl">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. In suscipit molestie lorem, semper tristique arcu interdum quis. Aenean finibus, metus et pulvinar tincidunt, nunc ex suscipit eros, eget pretium.
                        </p>
                        <div class="center">
                            <a href="" class="btn btn-tertiary about-btn-tickets custom-border-radius custom-btn-style-1 font-size-md font-weight-semibold text-color-light text-uppercase outline-none mb-lg">Buy Tickets <i class="custom-long-arrow-right" aria-hidden="true"></i></a>
                            <a data-hash data-hash-offset="80" href="#schedule" class="btn custom-btn-border-1 custom-btn-style-1 custom-border-radius font-size-md font-weight-semibold text-color-light text-uppercase outline-none mb-lg">Event Schedule <i class="custom-long-arrow-right" aria-hidden="true"></i></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 p-none custom-about-carousel">
                <div class="wrapper">
                    <div class="owl-carousel owl-theme nav-inside custom-dots-style-1" data-plugin-options="{'items': 1, 'margin': 0, 'animateOut': 'fadeOut', 'autoplay': false}">
                        <div class="carousel-image" style="background-image: url('img/demos/event/about/about-banner-1.jpg');"></div>
                        <div class="carousel-image" style="background-image: url('img/demos/event/about/about-banner-2.jpg');"></div>
                        <div class="carousel-image" style="background-image: url('img/demos/event/about/about-banner-3.jpg');"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>